import { info } from "sass";
import Vue from "vue";
import Vuex from "vuex"


// 给vue安装vuex插件
Vue.use(Vuex)
// 创建stroe实例对象
const store = new Vuex.Store({
     // 存数据，所有组件都可以直接使用数据
    state:{
        username:'小明',
        age:22
    },
    // 修改数据的唯一方法,必须是同步代码
    mutations:{
        addAge(state,payload) {
            // payload:传入的参数
            state.age += payload
        }
    },
    // 类似计算属性，函数内使用的变量改变自动执行函数计算结果
    getters:{
        info(state){
            return `我的名字叫${state.username},我的年龄为${state.age}`
        }
    }
})



export default store